<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Math</title>
        <style>
            div {
                width: 100px;
                height: 100px;
                border: 1px solid black;
                /*margin: 0 auto 50px;*/
                float: left;
            }



        </style>
    </head>
    <body>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    </body>
</html>
<script>
    // Math对象的常用方法和属性
    console.log(Math.PI);

    // Math.abs() 求绝对值
    console.log(Math.abs(-6));

    // 向上取整
    console.log(Math.ceil(5.1));

    // 向下取整
    console.log(Math.floor(5.6));

    // 四舍五入
    console.log(Math.round(5.5));

    // 最大数
    console.log(Math.max(5, 6, 9, 20));

    // 最小数
    console.log(Math.min(5, 2, 1, 2));

    // Math.pow(x, y) 求x的y次幂
    console.log(Math.pow(2, 32));

    // 随机数 范围 [0, 1)
    console.log(Math.random());

    // 随机 [0, 100]的整数
    var r = Math.random() * 101;
    r = Math.floor(r);
    console.log(r);

    // 随机[50, 150]
    r = Math.random() * 101 + 50;
    r = Math.floor(r);
    console.log(r);

    // [50, 100]
    r = Math.random() * 51 + 50;
    r = Math.floor(r);
    console.log(r);

    // [0, 21] [63, 84]
    // [63, 84]
    r = Math.random() * 22 + 63;
    r = Math.floor(r);
    console.log(r);


    // [m, n]
    // Math.floor(Math.random() * (n - m + 1) + m)

    r = Math.floor(Math.random() * (32 - 30 + 1) + 30);
    console.log(r);



</script>
<script>
    // 随机 [m, n] 的函数
    function randomNum(m, n) {
        var r = Math.random() * (n - m + 1) + m;
        r = Math.floor(r);
        return r;
    }

    var r2 = randomNum(64, 83);
    console.log(r2);


    // 写一个随机颜色的函数
    function randomColor() {
        var r = randomNum(0, 255);
        var g = randomNum(0, 255);
        var b = randomNum(0, 255);
        // rgb(233, 222, 100);
        var color = 'rgb(' + r + ',' + g + ',' + b + ')';
        return color;
    }

    var color = randomColor();
    console.log(color);

    // 通过标签名获取元素
    var divs = document.getElementsByTagName('div');


    
    
    function changeColor() {
        for (var i = 0; i < divs.length; i++) {
            // console.log(divs[i]);
            // 设置行内样式
            divs[i].style.backgroundColor = randomColor();
        }
    }
    setInterval(changeColor, 50);





</script>